<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<!-- 
			vue:
				2.0.0 - 3.0.0已知能用的）
				组件引入可以直接
					{组件名：()=>import('vue文件路径')}，或者import
				路由：
					{
						path:'xxxx',
						components:()=>import('vue文件路径')
					}
			
			
			
			
			react:
				16-17版本已知能用的)
				路由是否按需加载：
				直接import为一开始直接加载
				按需加载：
				    创建一个懒加载基础的组件，在里面放入如下异步加载代码：
				    import React from 'react';
				    export default function (getComponent) {
						return class AsyncComponent extends React.Component {
							static Component = null;
							state = { Component: AsyncComponent.Component };
							 
							componentWillMount() {
							if (!this.state.Component) {
								getComponent().then(({default: Component}) => {
								AsyncComponent.Component = Component
								this.setState({ Component })
								})
							}
							}
							render() {
							const { Component } = this.state
							if (Component) {
								return <Component {...this.props} />
							}
							return null
							}
						}
				    }
				    然后只需要在其他使用路由跳转的页面引入懒加载组件，调用如下方法并传入加载的组件路径：引入的组件名(()=>import('组件路径'))

				新版路由直接使用React.lazy(()=>import('组件路径'))作为懒加载组件，放到一个变量作为标签，首字母大写，然后给这个变量包个空标签什么也好，才能放到element属性那里使用
				
		 -->
	</body>
</html>
